<script setup lang="ts">
import { Content } from '@/api/type/home';
import { useRouter } from 'vue-router';
const router=useRouter()
defineProps<{
  hospitalInfo:Content
}>()

</script>

<template>
    <el-card @click="router.push(`/hospital/register?hoscode=${hospitalInfo.hoscode}`)"   style="max-width: 480px" shadow="hover">
     <div class="card_content">
      <div class="card_text">
        <div class="hospital_title">{{ hospitalInfo.hosname }}</div>
        <div class="hospital_message">
          <div class="level">
            <svg t="1727878202438" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5217" width="16" height="16"><path d="M853.3 874.7H170.7c-23.6 0-42.7-19.1-42.7-42.7s19.1-42.7 42.7-42.7h682.7c23.6 0 42.7 19.1 42.7 42.7-0.1 23.6-19.2 42.7-42.8 42.7zM298.7 661.3V192c0-23.6-19.1-42.7-42.7-42.7s-42.7 19.1-42.7 42.7v469.3c0 23.6 19.1 42.7 42.7 42.7s42.7-19.1 42.7-42.7z m256 0V320c0-23.6-19.1-42.7-42.7-42.7s-42.7 19.1-42.7 42.7v341.3c0 23.6 19.1 42.7 42.7 42.7s42.7-19.1 42.7-42.7z m256 0V448c0-23.6-19.1-42.7-42.7-42.7s-42.7 19.1-42.7 42.7v213.3c0 23.6 19.1 42.7 42.7 42.7s42.7-19.1 42.7-42.7z" p-id="5218" fill="#999999"></path></svg>
            <span>{{hospitalInfo.param.hostypeString}}</span>
          </div>
          <div class="time">
            <svg t="1727878383506" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18776" width="16" height="16"><path d="M512.1 63.9C264.6 63.9 64 264.5 64 512s200.6 448.1 448.1 448.1S960.3 759.5 960.3 512 759.6 63.9 512.1 63.9z m0 836.5c-214.5 0-388.4-173.9-388.4-388.4 0-214.5 173.9-388.4 388.4-388.4 214.5 0 388.4 173.9 388.4 388.4 0 214.5-173.9 388.4-388.4 388.4z" fill="#999999" p-id="18777"></path><path d="M540.4 537.5h-55.7c-1.1 0-2-0.9-2-2V240.8c0-1.1 0.9-2 2-2h55.7c1.1 0 2 0.9 2 2v294.7c0 1.1-0.9 2-2 2z" fill="#999999" p-id="18778"></path><path d="M482.8 538v-55.7c0-1.1 0.9-2 2-2h235c1.1 0 2 0.9 2 2V538c0 1.1-0.9 2-2 2h-235c-1.1 0-2-0.9-2-2z" fill="#999999" p-id="18779"></path></svg>
            <span>每天{{ hospitalInfo.bookingRule.releaseTime }}放号 </span>
          </div>
        </div>
      </div>
      <div class="card_img">
        <img :src="`data:image/jpeg;base64,${hospitalInfo.logoData}`" alt="">
      </div>
     </div>
  </el-card>
</template>

<style  scoped lang="scss">
.card_content {
  display: flex;
  justify-content: space-between;
  .card_text {
    display: flex;
    width: 60%;
    justify-content: space-between;
    flex-direction: column;
    .hospital_title {
      color: #333;
      font-size: 16px;
      cursor: pointer;
    }
    .hospital_message {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      color: #999;
      .level,.time {
        display: flex;
        align-items: center;
        svg {
          margin-right: 3px;
        }
      }
    }
  }
  .card_img {
    margin-left: 10px;
    img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
  
    }
  }
}
</style>